.parant{
	width: 2000px;
	/* height: 1000px; */
	margin: 0 auto;
	border: 1px solid greenyellow;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	
}
.box{
	background-color: aqua;
	border: 1px solid rebeccapurple;
	/* height: 200px; */
	/* width:1000px; */
	flex-grow: 2;
	
}
.box:nth-child(1){
	height: 200px;
}
.box:nth-child(2){
	height: 100px;
}
.box:nth-child(3){
	height: 400px;
	display: flex;
	flex-direction: row;
}
.box:nth-child(4){
	height: 200px;
}
.child{
	
	width: 100px;
	height: 400px;
}
.child:nth-child(1){
	flex-grow: 2;
	background-color: aquamarine;
}
.child:nth-child(2){
	flex-grow: 2;
	background-color: brown;
}
.child:nth-child(3){
	flex-grow: 2;
	background-color: honeydew;
}
@media (max-width:768px){
	.holygrail-body{
		flex-direction: column;
	}
	.holygrail-body>div{
		flex: 1;
	}
}